<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content="记事本"/>
	<meta name="author" content="joney"/>
	<title>添加</title>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/mobile.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/toastr/toastr.css}"/>

	<script type="text/javascript" th:src="@{/js/jquery-1.8.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.mobile.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
	<script type="text/javascript" th:src="@{/js/note_common.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/3.1.9/crypto-js.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/crypt.js}"></script>
	<script type="text/javascript" th:src="@{/toastr/toastr.min.js}"></script>
	<style>

		.panel-body{
			font-size: 16px;
		}
		.footer{
			position:fixed;
			bottom:0;
			text-align:center;
			/*
			filter:alpha(opacity:30);
			opacity:0.3;
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			*/
			font-size: 12px;
			width:100%;
			padding: 10px;
		}
		.textbox-label{
			font-size: 16px;
		}
		.textbox .textbox-text{
			padding: 8px 4px;
			font-size: 16px;
		}
		.combobox-item{
			font-size: 16px;
			padding: 10px;
		}
		.l-btn-text {
			width: 50px;
			font-size: 16px;
		}
	</style>
</head>
<body>
<div class="easyui-navpanel" style="position:relative;padding:20px">
	<header>
		<div class="m-toolbar">
			<div class="m-title">添加消费记录</div>
			<div class="m-left">
				<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="window.location.href='/note/main'">主页</a>
			</div>
			<div class="m-right">
				<a href="javascript:void(0)" class="easyui-linkbutton m-next" plain="true" outline="true" onclick="window.location.href='/note/consume_list'">列表</a>
			</div>
		</div>
	</header>
	<form id="ff">
		<div style="margin-bottom:5px;color: red;display: none; font-size: 12px" id="errMsgBar"></div>
		<div style="margin-bottom:10px">
			<input type="text" class="easyui-numberbox"  id="cost" label="金额:" data-options="prompt:'消费金额',min:0,max:99999.99,precision:2" style="width:100%;height:40px;">
		</div>

		<div style="margin-bottom:10px">
			<select id="kinds" class="easyui-combobox" label="类别:" data-options="editable:false,panelHeight:400" style="width:100%;height:40px;">
				<option value="">请选择</option>
				<option value="1">早餐</option>
				<option value="2">午餐</option>
				<option value="3">晚餐</option>
				<option value="4">零食</option>
				<option value="5">生活用品</option>
				<option value="6">鲜花/礼品</option>
				<option value="7">服饰</option>
				<option value="8">房租水电</option>
				<option value="9">电话费</option>
				<option value="10">车费</option>
				<option value="11">游玩/娱乐</option>
				<option value="12">车辆油费/耗损</option>
				<option value="13">化妆品</option>
				<option value="14">家电耗材</option>
				<option value="15">其它</option>
			</select>
		</div>
		<div style="margin-bottom:10px">
			<input class="easyui-textbox" id="addr" label="地点:" data-options="prompt:'消费地点'" style="width:100%;height:40px;">
		</div>
		<div style="margin-bottom:10px">
			<input class="easyui-datebox" id="date" label="日期:" data-options="prompt:'请选择',editable:false,panelWidth:260,panelHeight:260" style="width:100%;height:40px">
		</div>
		<div style="margin-bottom:10px">
			<input class="easyui-textbox" id="remark" label="备注:" data-options="prompt:'添加一些说明',multiline:true" style="width:100%;height:120px">
		</div>
		<div style="text-align:center;margin-top:30px">
			<a href="javascript:consumeSave()" id="submitBtn" class="easyui-linkbutton" style="width:50%;height:38px"><span style="font-size:16px">提交</span></a>
		</div>
	</form>
</div>
<script type="text/javascript" th:src="@{/js/note_consume.js}"></script>
</body>
</html>